<template>
  <div>
    御剑乘风来,除魔天地间!---app
    <button @click="change">点击改数据</button>
    <Son></Son>
    <Son1></Son1>
  </div>
</template>
<script>
import Son from './Work/Son.vue'
import Son1 from './Work/Son1.vue'
export default {
  name: 'app',
  components: {
    Son,
    Son1
  },
  provide () {
    return {
      //简单数据类型是非响应式的
      name: this.name,
      //复杂数据类型是响应式的
      say: this.say
    }
  },
  data () {
    return {
      name: '我是爸爸,爸爸今天心情好来看你们了',
      say: {
        one: '唱歌',
        two: '喝奶茶'
      }
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    change () {
      this.name = '帅帅'
      this.say.one = '打游戏'
    }
  }
}
</script>
<style lang='less'  scoped>
</style>
